﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>

</head>
<body>

    <div class="container">
        <div class="row ">
            <div class="col-lg-12">
                <div class="body-content">
                    @* Banner *@
                    @Html.Action("Banner", "Common")

                    @* Menu *@
                    @Html.Action("Menu", "Common")

                    @* Slide *@
                    <div class="slide">
                        @Html.Action("Slide", "Common")
                    </div>
                    <div class="main-content">
                        @*Main content*@
                        <div class="col-lg-12 col-md-12">
                            @*  *@
                            <div class="row">
                                @RenderBody()
                            </div>
                            @*</div>*@
                        </div>
                        @Html.Action("Footer", "Common")
                    </div>
                </div>
            </div>
        </div>
    </div>

    @Scripts.Render("~/bundles/jquery")
    <script src="~/Scripts/jquery.stepy.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>


    @Styles.Render("~/Content/css/bootstrap")
    <link href="~/Content/css/jquery.stepy.css" rel="stylesheet" />

    <script>
        if ($('form').attr('id') != 'DKNghe') {
            $(function () {
                $('form').stepy();
            });
        }
    </script>
 
    <script type="text/javascript">


        $(document).ready(function () {
            var CheckCMND = false, CheckEmail = false, CheckTS = false, CheckPhone = false;
            var mess = '';
            var bAlertCalled = false;
            $("#SoDienThoai").blur(function () {
                if ($(this).val().length > 0) {
                    var isLength = $(this).val().length;
                    var Phone = /^(0\d{9,10})$/;
                    if (!$.isNumeric($("#SoDienThoai").val())) {
                        $("#ThongBaoSDT").fadeIn();
                        $("#ThongBaoSDT").html("<span style='color:red'>Chỉ được nhập số!</span>").delay(5000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //CheckPhone = true;
                        mess += 'Chỉ được nhập số!' + '\n';
                    }
                    else if ((isLength < 10) || (isLength > 11)) {
                        $("#ThongBaoSDT").fadeIn();
                        $("#ThongBaoSDT").html("<span style='color:red'>Độ dài từ 10 - 11 ký tự!</span>").delay(5000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //CheckPhone = true;
                        mess += 'Độ dài từ 10 - 11 ký tự!' + '\n';
                    }
                    else if (!Phone.test($(this).val())) {
                        $("#ThongBaoSDT").fadeIn();
                        $("#ThongBaoSDT").html("<span style='color:red'>Không đúng định dạng số điện thoại!</span>").delay(5000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //CheckPhone = true;
                        mess += 'Không đúng định dạng số điện thoại!' + '\n';
                    }
                    else {
                        $("#SoDienThoai").css('border-color', '#dbdbdb');
                        $("#ThongBaoSDT").fadeOut();
                        CheckPhone = true;
                    }

                }
            });
            $("#CMND").blur(function () {
                var url = "/Common/CheckCMND";
                var name = $('#CMND').val();
                if ($(this).val().length > 0) {
                    $.get(url, { CMND: name }, function (data) {
                        if (data == "True") {
                            $("#ThongBao").fadeIn();
                            $("#ThongBao").html("<span style='color:red'>CMND đã tồn tại!</span>").delay(5000).fadeOut();
                            $("#CMND").css('border-color', '#e97878');
                            mess += 'CMND đã tồn tại!' + '\n';
                        }
                        else if (data == "False") {
                            $("#ThongBao").fadeIn();
                            $("#ThongBao").html("<span style='color:green'>CMND có thể sử dụng!</span>").delay(5000).fadeOut();
                            $("#CMND").css('border-color', 'green');
                            CheckCMND = true;
                        }
                        
                    });
                }
            });
            CheckReCMND = false;
            $("#ReCMND").blur(function () {
                if ($(this).val().length > 0) {
                    var isLength = $(this).val().length;
                    if ($("#ReCMND").val() != $("#CMND").val()) {
                        $("#ReTBCMTND").fadeIn();
                        $("#ReTBCMTND").html("<span style='color:red'>Không khớp với CMTND!</span>").delay(3000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //mess += 'Mật khẩu mới phải khác mật khẩu cũ!' + '\n';
                    }
                    else {
                        $("#ReTBCMTND").fadeOut();
                        $(this).css('border-color', '#dbdbdb');
                        CheckReCMND = true;
                    }
                }
            });
            CheckReSBD = false;
            $("#ReSBD").blur(function () {
                if ($(this).val().length > 0) {
                    var isLength = $(this).val().length;
                    if ($("#ReSBD").val() != $("#SBD").val()) {
                        $("#ReTBSBD").fadeIn();
                        $("#ReTBSBD").html("<span style='color:red'>Không khớp với SBD!</span>").delay(3000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        //mess += 'Mật khẩu mới phải khác mật khẩu cũ!' + '\n';
                    }
                    else {
                        $("#ReTBSBD").fadeOut();
                        $("#ReSBD").css('border-color', '#dbdbdb');
                        CheckReSBD = true;
                    }
                }
                else {
                    $("#ReTBSBD").fadeOut();
                    $("#ReSBD").css('border-color', '#dbdbdb');
                    CheckReSBD = true;
                }
                //else {
                //    console.log($("#SBD").val().length)

                //    if ($("#SBD").val().length == 0) {
                //        CheckReSBD = true;
                //        console.log(CheckReSBD)
                //    }
                //    $("#ReSBD").css('border-color', '#dbdbdb');
                //}
            });
            $("#Email").blur(function () {
                var url = "/Common/CheckEmail";
                var name = $('#Email').val();
                if ($(this).val().length > 0) {
                    var isLength = $(this).val().length;
                    var Email = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;
                    if (!Email.test($(this).val())) {
                        $("#ThongBaoEmail").fadeIn();
                        $("#ThongBaoEmail").html("<span style='color:red'>Không đúng định dạng Email!</span>").delay(5000).fadeOut();
                        $(this).css('border-color', '#e97878');
                        mess += 'Không đúng định dạng Email!' + '\n';
                    }
                    else
                    {
                        CheckEmail = true;
                        $("#ThongBaoEmail").fadeOut();
                        $("#Email").css('border-color', '#dbdbdb');
                    }
                    //else {
                    //    $.get(url, { Email: name }, function (data) {
                    //        if (data == "True") {
                    //            $("#ThongBaoEmail").fadeIn();
                    //            $("#ThongBaoEmail").html("<span style='color:red'>Email đã tồn tại!</span>").delay(5000).fadeOut();
                    //            $("#Email").css('border-color', '#e97878');
                    //            mess += 'Email đã tồn tại!' + '\n';
                    //        }
                    //        else if (data == "False") {
                    //            $("#ThongBaoEmail").fadeIn();
                    //            $("#ThongBaoEmail").html("<span style='color:green'>Email có thể sử dụng!</span>").delay(5000).fadeOut();
                    //            $("#Email").css('border-color', 'green');
                    //            CheckEmail = true;
                    //        }
                    //        else if (data == "Empty") {
                    //            $("#ThongBaoEmail").fadeOut();
                    //            $("#Email").css('border-color', 'green');
                    //        }
                    //    });
                    //};
                }
            });

            $('#btDKNghe').click(function (e) {
                
                if (!$('#HeCaoDang').is(':checked') && !$('#HeTrungCap').is(':checked')) {
                    //alert('Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)')
                    CheckTS = true;
                    messTS = 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
                    mess += 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
                }
                if (!CheckEmail || CheckTS || !CheckPhone) {
                    alert(mess);
                    return false;
                }
            });
            $('#btsubmit').click(function (e) {
                //if (!$('#HeCaoDang').is(':checked') && !$('#HeTrungCap').is(':checked')) {
                //    //alert('Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)')
                //    CheckTS = true;
                //    messTS = 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
                //    mess += 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
                //}
                console.log(CheckPhone)
                console.log(CheckCMND)
                console.log(CheckReCMND)
                console.log(CheckEmail)
                console.log(CheckReSBD)
                    if (!CheckPhone || !CheckCMND ||!CheckReCMND ||!CheckEmail || !CheckReSBD) {
                    //if (CheckTS) {

                    //    alert(messTS + '\n'+'Vẫn còn lỗi nhập liệu! Vui lòng kiểm tra lại!');
                    //}
                    //else
                    {
                        alert('Vẫn còn lỗi nhập liệu! Vui lòng kiểm tra lại!');
                    }
                    
                    return false;
                }
            });
            $("#ProvinceID").change(function () {
                var provinceid = $(this).val();
                $("#CommuneID").html('').append($('<option/>', {
                    value: 0,
                    text: "Chọn Huyện..."
                }));
                $.getJSON("/Common/GetProvinceByCommune", { matinh: provinceid },
                       function (data) {
                           var select = $("#CommuneID");
                           select.empty();
                           select.append($('<option/>', {
                               value: 0,
                               text: "Chọn Huyện..."
                           }));
                           $.each(data, function (index, itemData) {
                               select.append($('<option/>', {
                                   value: itemData.Value,
                                   text: itemData.Text
                               }));
                           });
                       });
            });
            $("#ProvinceID10").change(function () {
                var provinceid2 = $(this).val();
                $("#HighSchoolID10").html('').append($('<option/>', {
                    value: 0,
                    text: "Chọn Trường..."
                }));
                $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
                       function (data) {
                           var select = $("#HighSchoolID10");
                           select.empty();
                           select.append($('<option/>', {
                               value: 0,
                               text: "Chọn Trường..."
                           }));
                           $.each(data, function (index, itemData) {
                               select.append($('<option/>', {
                                   value: itemData.Value,
                                   text: itemData.Text
                               }));
                           });
                       });
            });
            $("#ProvinceID11").change(function () {
                var provinceid11 = $(this).val();
                $("#HighSchoolID11").html('').append($('<option/>', {
                    value: 0,
                    text: "Chọn Trường..."
                }));
                $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid11 },
                       function (data) {
                           var select = $("#HighSchoolID11");
                           select.empty();
                           select.append($('<option/>', {
                               value: 0,
                               text: "Chọn Trường..."
                           }));
                           $.each(data, function (index, itemData) {
                               select.append($('<option/>', {
                                   value: itemData.Value,
                                   text: itemData.Text
                               }));
                           });
                       });
            });
            $("#ProvinceID12").change(function () {
                var provinceid2 = $(this).val();
                $("#HighSchoolID12").html('').append($('<option/>', {
                    value: 0,
                    text: "Chọn Trường..."
                }));
                $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
                       function (data) {
                           var select = $("#HighSchoolID12");
                           select.empty();
                           select.append($('<option/>', {
                               value: 0,
                               text: "Chọn Trường..."
                           }));
                           $.each(data, function (index, itemData) {
                               select.append($('<option/>', {
                                   value: itemData.Value,
                                   text: itemData.Text
                               }));
                           });
                       });
            });

            //$("#TrainingSystemID").change(function () {
            //    var TSID = $(this).val();
            //    $("#MonThiThem").html('')
            //    $.getJSON("/Common/GetGraduateSubjectBySubjectCustom", { mamon: graduatesubjectid },
            //           function (data) {
            //               var select = $("#MonThiThem");
            //               select.empty();
            //               $.each(data, function (index, itemData) {
            //                   select.append('<input type="checkbox" name="checkbox' + index + '" value="' + itemData.Value + '"/>  ' + itemData.Text + '<br/>');
            //               });
            //           });
            //});



            $('.button-next').click(function () {
                
                    if ($('#step-1').data('id') == $('#ddlTraningSystem').val())
                        return;
                    else
                        $('#step-1').data('id', $('#ddlTraningSystem').val())

                    if ($('#ddlTraningSystem').val() == 0) {

                        $.ajax({
                            url: '/Common/Step2_Examination',
                            dataType: 'html',
                            success: function (data) {
                                //alert('0')
                                $('#step-1').html('');
                                $('#step-1').html(data);
                            }
                        });
                    }
                    else if ($('#ddlTraningSystem').val() == 1) {

                        $.ajax({
                            url: '/Common/Step2_RecruitingBasic',
                            dataType: 'html',
                            success: function (data) {
                                //alert('1')
                                $('#step-1').html('');
                                $('#step-1').html(data);
                            }
                        });
                    }
                    else {
                        $.ajax({
                            url: '/Common/Step2_Recruiting',
                            dataType: 'html',
                            success: function (data) {
                                //alert('2')
                                $('#step-1').html('');
                                $('#step-1').html(data);
                                $()
                            }
                        });
                    //}
                }
                // if ($('#step-1').children().length > 0) return;
                
            });
            //$('.button-back').click(function () {
            //    if ($('#step-1').children().length > 0) return;
            //    //if ($('#TrangThaiDangKi').val() == 0) {
            //    //    $('#thituyen').toggleClass('hide')
            //    //}
            //    //else if ($('#TrangThaiDangKi').val() == 1) {
            //    //    $('#xettuyen').toggleClass('hide')

            //    //}
            //    //else {
            //    //    $('.xettuyenDH').toggleClass('hide')
            //    //}

            //});
        });
        // Vocational school
        $("#GroupVocationalID").change(function () {
            $("#PhylumVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Ngành..."
            }));
            var groupid = $(this).val();
            $.getJSON("/Common/GetPhylumByGroupVocational", { makhoithi: groupid },
                   function (data) {
                       var select = $("#PhylumVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#PhylumVocationalID").change(function () {
            var phylumid = $(this).val();
            $("#MajorVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Chuyên ngành..."
            }));
            $.getJSON("/Common/GetMajorByPhylum", { manganh: phylumid },
                   function (data) {
                       var select = $("#MajorVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Chuyên ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID").change(function () {
            var provinceid = $(this).val();
            $("#CommuneVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Huyện..."
            }));
            $.getJSON("/Common/GetProvinceByCommune", { matinh: provinceid },
                   function (data) {
                       var select = $("#CommuneVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Huyện..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID2").change(function () {
            var provinceid2 = $(this).val();
            $("#HighSchoolVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Trường..."
            }));
            $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
                   function (data) {
                       var select = $("#HighSchoolVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Trường..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });

        // Chọn drop hình thức tuyển sinh

        //$("#ddlTraningSystem").change(function (data) {
        //    //var traningsystemid = $(this).val();
        //    var select = $("#ddlTraningSystem");
        //    $.each(data, function (index, itemData) {
        //        select.append($('<option/>', {
        //            value: itemData.Value,
        //            text: itemData.Text
        //        }));
        //    });
        //    //$("#HighSchoolVocationalID").html('').append($('<option/>', {
        //    //    value: 0,
        //    //    text: "Chọn Trường..."
        //    //}));
        //    if (itemData.Text == "Đăng ký hồ sơ thi tuyển") {
        //        $.getJSON("/Common/Step2_Examination")
        //    }
        //    //$.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
        //    //       function (data) {
        //    //           var select = $("#HighSchoolVocationalID");
        //    //           select.empty();
        //    //           select.append($('<option/>', {
        //    //               value: 0,
        //    //               text: "Chọn Trường..."
        //    //           }));
        //    //           $.each(data, function (index, itemData) {
        //    //               select.append($('<option/>', {
        //    //                   value: itemData.Value,
        //    //                   text: itemData.Text
        //    //               }));
        //    //           });
        //    //       });
        //});
    </script>
</body>
</html>